<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<!--    <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>当当网</title>
    <script src="js/config.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="lib/layer/theme/default/layer.css">
    <link rel="stylesheet" href="lib/layer/layer.js">

        <!-- 引入 layui.css -->
<!--        <link rel="stylesheet" href="lib/layer/theme/default/layer.css">-->

<!--        &lt;!&ndash; 引入 layui.js &ndash;&gt;-->
<!--        <script src="lib/layer/layer.js"></script>-->
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <script src="js/index.js"></script>
    <script src="js/jquery.min.js"></script>

    <script src="js/animate.js"></script>
    <script src="js/searchbook.js"></script>
</head>

<body>
    <!-- 头部 -->
    <a href="index.html" id="heada">
        <div class="head w">
            <img src="img/head.jpg" alt="">
        </div>
    </a>
    <!-- 主体 -->
    <div class="body">
        <!-- 头部介绍 送至 -->
        <div class="intro">
            <div class="intro1">
                <!-- 左边地址 -->
                <div class="addressf">
                    <a class="addressfa">送至：江苏</a>
                </div>
                <!-- 右边切换页面 -->
                <div class="page">
                    <ul class="pageul">
                        <li class="pageulli">
                            <span id="page_login">欢迎光临当当，请
                                <a href="login&register.html" class="pageullireg">登录</a>
                                成为会员 &nbsp;
                            </span>
                        </li>
                        <li><img src="img/gouwuche.png"><a href="shoppingCart.html"> 购物车</a></li><i>|</i>
                        <li><a href="order.html">我的订单</a></li><i>|</i>
                        <li><a href="">我的云书房</a></li><i>|</i>
                        <li class="pagelidd"><a >我的当当&nbsp;<img class="pageliddimg"
                                    src="img/jiantouxia.png"></a>
                            <div class="pagedd ">
                                <ul class="pageddul">
                                    <li><a >银铃铛抵现</a></li>
                                    <li><a >我的收藏</a></li>
                                    <li><a >我的余额</a></li>
                                    <li><a >我的评论</a></li>
                                    <li><a >礼券/礼品卡</a></li>
                                </ul>
                            </div>
                        </li><i>|</i>
                        <li><a >当当拼团</a></li><i>|</i>
                        <li><a >小说投稿</a></li><i>|</i>
                        <li class="pagelicg"><a onclick="todeatil(this)">企业采购&nbsp;<img class="pagelicgimg"
                                    src="img/jiantouxia.png"></a>
                            <div class="pagecg ">
                                <ul class="pagecgul">
                                    <li><a >大宗采购
                                        </a></li>
                                    <li><a >礼品卡采购</a></li>
                                    <li><a >礼品卡使用</a></li>
                                    <li><a >分销/荐购</a></li>
                                    <li><a >礼品卡专区</a></li>
                                </ul>
                            </div>
                        </li><i>|</i>
                        <li><a >客户服务</a></li><i>|</i>
                        <li><a >切换无障碍</a></li><i>|</i>
                        <li><a >进入关怀模式</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 导航栏 当当网 -->
        <div class="nav w">
            <!-- 导航左边 -->
            <div class="navleft">
            </div>
            <!-- 导航中间 -->
            <div class="navmid">
                <div>
                    <div class="navmidserch">
                        <div class="navmidserchinput">
                            <input type="text" id="search" placeholder="童书">
                        </div>
                        <div class="navmidserchselect">
                            <select name="" id="navmidserchselect2">
                                <option value="0">全部分类</option>
                                <option value="1">童书</option>
                                <option value="2">小说</option>
                                <option value="3">工具书</option>
                                <option value="4">传记</option>
                                <option value="5">历史</option>
                                <option value="6">哲学</option>
                            </select>
                        </div>
                        <div class="navmidserchsub">
                            <a onclick="searchbook()">
                                <img src="img/sousuo.png" alt="搜索">
                            </a>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="navmidbot">
                        <ul class="navmidbotul">
                            <li id="navmidbotulli1"><span>热搜</span></li>
                            <li><a onclick="todeatil(this)">屁屁侦探</a></li>
                            <li><a onclick="todeatil(this)">教养全书</a></li>
                            <li><a onclick="todeatil(this)">东野圭吾</a></li>
                            <li><a onclick="todeatil(this)">2023考研资料</a></li>
                            <li id="navmidbotulli2"><a onclick="todeatil(this)">高级搜索</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 导航右边 -->
            <div class="navright">
                <div class="navrightgw">
                    <a href="shoppingCart.html" class="navrightgwa">
                        <img src="img/gouwuchewheat.png" class="navrightgwache" alt="购物车">
                        <span class="navrightgwaspan">购物车</span>
                    
                    </a>
                </div>
                <div class="navrightdd">
                    <a href="order.html" class="navrightdda">
                        我的订单
                    </a>
                </div>
            </div>
        </div>
        <div class="lunbo w">
            <div class="consent_topmid">
                <div class="consent_topmid1">
                    <!-- 左侧按钮 -->
                    <a class="arrowl">
                        <img src="img/zuojiantou.png" class="consent_topmid1zjt">
                    </a>
                    <!-- 右侧按钮 -->
                    <a  class="arrowr">
                        <img src="img/youjiantou.png" class="consent_topmid1yjt">
                    </a>
                    <!-- 核心的滚动区域 -->
                    <ul class="consent_topmid1ul">
                        <li>
                            <a ><img src="img/consent_topmid1.jpg" alt=""></a>
                        </li>
                        <li>
                            <a ><img src="img/consent_topmid1_2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a ><img src="img/consent_topmid1_3.jpg" alt=""></a>
                        </li>
                        <li>
                            <a ><img src="img/consent_topmid1_4.jpg" alt=""></a>
                        </li>
                    </ul>
                    <!-- 小圆圈 -->
                    <ol class="consent_topmid1ol">
                    </ol>
                </div>
            </div>
        </div>
        <!-- 全部分类 -->
        <div class="con">
            <div class="cons w">
                <ul class="consul">
                    <li class="consulli1"><a onclick="todeatil(this)">全部商品分类</a></li>
                </ul>
            </div>
        </div>
        <!-- 中间大板图的内容 -->
        <div class="consent w">
            <!-- 最上面的 -->
            <div class="consent_top">
                <!-- 左边 -->
                <div class="consent_topleft">
                    <ul class="consent_topleftul">
                        <li class="consent_topleftulli1"><a ><span>童书</span></a></li>
                        <li><a href="javascript;"><span>哲学</span></a></li>
                        <li><a ><span>小说</span></a></li>
                        <li><a ><span>工具书</span></a></li>
                        <li><a ><span>传记</span></a></li>
                        <li><a ><span>历史</span></a></li>
                    </ul>
                    <div class="consent_topleftuldv">
                        <div class="consent_topleftuldvitem" style="display: block;">
                            <ul class="consent_topleftuldvitemul">
                                <li><a onclick="todeatil(this)"><img src="pic/cover/大地球.jpg" alt=""><span>大地球</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/父与子.jpg" alt=""><span>父与子</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/山海经里的故事.jpg" alt=""><span>山海经里的故事</a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/十二生肖故事.jpg"
                                            alt=""><span>十二生肖故事</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/拼音真好玩.jpg"
                                            alt=""><span>拼音真好玩</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/疯狂动物城.jpg"
                                            alt=""><span>疯狂动物城</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/疯狂滑雪记.jpg"
                                            alt=""><span>疯狂滑雪记</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/美味水果.jpg" alt=""><span>美味水果</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/空间站全景立体书.jpg" alt=""><span>空间站全景立体书</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/金色童书.jpg" alt=""><span>金色童书</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="consent_topleftuldvitem">
                            <ul class="consent_topleftuldvitemul">
                                <li><a onclick="todeatil(this)"><img src="pic/cover/中国哲学史.jpg" alt=""><span>中国哲学史</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/北大哲学课.jpg" alt=""><span>北大哲学课</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/哲学与人生.jpg" alt=""><span>哲学与人生</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/哲学家们都干了什么.jpg"
                                            alt=""><span>哲学家们都干了什么</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/哲学的故事.jpg" alt=""><span>哲学的故事</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/哲学简史.jpg" alt=""><span>哲学简史</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/悲剧的诞生.jpg" alt=""><span>悲剧的诞生</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/让孩子像哲学家思考.jpg"
                                            alt=""><span>让孩子像哲学家思考</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/理想国.jpg" alt=""><span>理想国</span></a></li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/我的哲学提纲.jpg" alt=""><span>我的哲学提纲</span></a>
                                </li>
                            </ul>

                        </div>
                        <div class="consent_topleftuldvitem">
                            <ul class="consent_topleftuldvitemul">
                                <li><a onclick="todeatil(this)"><img src="pic/cover/变色龙.jpg" alt=""><span>变色龙</span></a></li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/红与黑.jpg" alt=""><span>红与黑</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/报童的夏天.jpg" alt=""><span>报童的夏天</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/查泰莱夫人的情人.jpg" alt=""><span>查泰莱夫人的情人</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/海浪.jpg" alt=""><span>海浪</span></a></li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/百年孤独.jpg" alt=""><span>百年孤独</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/狂人日记.jpg" alt=""><span>狂人日记</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/边城.jpg " alt=""><span>边城</span></a></li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/心.jpg" alt=""><span>心</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/沙丘.jpg" alt=""><span>沙丘</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="consent_topleftuldvitem">
                            <ul class="consent_topleftuldvitemul">
                                <li><a onclick="todeatil(this)"><img src="pic/cover/中学生工具书套装.jpg" alt=""><span>中学生工具书套装</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/学生成语大词典.jpg" alt=""><span>学生成语大词典</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/小学生绕口令.jpg" alt=""><span>小学生绕口令</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/成语词典.jpg" alt=""><span>成语词典</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/汉语词典.jpg" alt=""><span>汉语词典</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/现代汉语词典.jpg" alt=""><span>现代汉语词典</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/绘本手作游戏.jpg" alt=""><span>绘本手作游戏</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/英汉双解大词典.jpg" alt=""><span>英汉双解大词典</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/英语词典.jpg" alt=""><span>英语词典</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/怀孕呵护指南.jpg" alt=""><span>怀孕呵护指南</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="consent_topleftuldvitem">
                            <ul class="consent_topleftuldvitemul">
                                <li><a onclick="todeatil(this)"><img src="pic/cover/司马懿传.jpg" alt=""><span>司马懿传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/富兰克林自传.jpg" alt=""><span>富兰克林自传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/曾国藩传.jpg" alt=""><span>曾国藩传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/李嘉诚传.png" alt=""><span>李嘉诚传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/朱元璋传.jpg" alt=""><span>朱元璋传</span></a></li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/王阳明传.jpg" alt=""><span>王阳明传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/科比金传.jpg" alt=""><span>科比金传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/稻盛和夫自传.jpg" alt=""><span>稻盛和夫自传</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/莎士比亚.jpg" alt=""><span>莎士比亚</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/名人传.jpg" alt=""><span>名人传</span></a></li>
                            </ul>
                        </div>
                        <div class="consent_topleftuldvitem">
                            <ul class="consent_topleftuldvitemul">
                                <li><a onclick="todeatil(this)"><img src="pic/cover/中国历史.jpg" alt=""><span>中国历史</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/中国历史常识.jpg" alt=""><span>中国历史常识</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/中国大历史.jpg" alt=""><span>中国大历史</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/历史地理.jpg" alt=""><span>历史地理</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/历史的微小声音.jpg" alt=""><span>历史的微小声音</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/历史的镜子.jpg" alt=""><span>历史的镜子</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/大秦风云.jpg" alt=""><span>大秦风云</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/食在宋朝.jpg" alt=""><span>食在宋朝</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/南明史.jpg" alt=""><span>南明史</span></a>
                                </li>
                                <li><a onclick="todeatil(this)"><img src="pic/cover/三国争霸.jpg" alt=""><span>三国争霸</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 待加内容 -->
        <!-- ================================================== -->
        </div>
        <!-- ================================================== -->
        <!-- 待加内容 -->
        <!-- 底部 -->
        <div class="bottom w">
            <!-- 底部图片1 -->
            <div class="btintro">
                <ul class="btul">
                    <li class="btli1">
                        <img src="img/bt正.png" alt="">
                        <div class="btlidiv">
                            <span>正 规 渠 道 正 品 保 障</span>
                        </div>
                    </li>
                    <li class="btli2">
                        <img src="img/bt车.png" alt="">
                        <div class="btlidiv">
                            <span>6 2 5 城 市 次 日 到 达</span>
                        </div>
                    </li>
                    <li class="btli3">
                        <img src="img/bt购物.png" alt="">
                        <div class="btlidiv">
                            <span>退 换 无 忧 购 物 无 忧</span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 底部信息 -->
            <div class="btinf">
                <!-- 信息1 -->
                <div class="btinfdv w">
                    <dl class="btinfdvdl">
                        <dt>购物指南
                        <dd>购物流程</dd>
                        <dd>发票制度</dd>
                        <dd>服务协议</dd>
                        <dd>会员优惠</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>支付方式
                        <dd>网上支付</dd>
                        <dd>礼品卡支付</dd>
                        <dd>银行转帐</dd>
                        <dd>礼券支付</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>订单服务
                        <dd>配送服务查询</dd>
                        <dd>订单状态说明</dd>
                        <dd>自助取消订单</dd>
                        <dd>自助修改订单</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>配送方式
                        <dd>当日递</dd>
                        <dd>次日达</dd>
                        <dd>订单自提</dd>
                        <dd>验货与签收</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>退换货
                        <dd>退换货服务查询</dd>
                        <dd>自助申请退换货</dd>
                        <dd>退换货进度查询</dd>
                        <dd>退款方式和时间</dd>
                        </dt>
                    </dl>
                    <dl>
                        <dt>商家服务
                        <dd>商家中心</dd>
                        <dd>运营服务</dd>
                        </dt>
                    </dl>
                </div>
            </div>
            <div class="btinf2">
                <!-- 信息2 -->
                <div class="btinf2dv w">
                    <ul class="btinf2dvul">
                        <li class="btinf2dvulli">公司简介</li><span>│</span>
                        <li>诚聘英才</li><span>│</span>
                        <li>网站联盟</li><span>│</span>
                        <li>当当招商</li><span>│</span>
                        <li>手机当当</li><span>│</span>
                        <li>机构销售</li><span>│</span>
                        <li>官方Blog</li><span>│</span>
                        <li>知识产权</li><span>│</span>
                        <li>热词搜索</li>
                    </ul>
                    <p>Copyright 2004 - 2021当当网.All Rights Reserved</p>
                    <p>京ICP证O41189号<span>|</span>出版物经营许可证新出发京批字第直0673号<span>|</span>食品经营许可证:JY11101050363440</p>
                    <p>京ICP备17043473号-1<span>|</span>京公网安备11010502037644号<span>|</span>经营许可证编号:合字B2-20160011<span>|</span>互联网药品信息服务资格证
                    </p>
                    <p>互联网违法和不良信息举报电话:4001066666-5，涉未成年举报电话:4001066666-9，邮箱: jubao_cbw@dangdang.com
                    </p>
                    <p>网络出版服务许可证（署）网出证(京)字第117号北京当当科文电子商务有限公司，通信地址:北京市朝阳区北三环东路8号静安中心
                    </p>
                </div>
            </div>
            <!-- 底部放图片 -->
            <div class="btimg">
                <ul>
                    <li class="btimgli1"><img src="img/首都安全.png"></li>
                    <li><img src="img/品牌官网.png"></li>
                    <li><img src="img/不良信息举报.png"></li>
                    <li><img src="img/可信网站.png"></li>
                    <li><img src="img/无障碍服务.jpg"></li>
                </ul>
            </div>
        </div>
</body>

</html>